<template>
  <div>
    <v-data-table
      :headers="headers"
      :items="desserts"
      class="elevation-1"
    >
      <template v-slot:item.report="{ item }">
          <v-btn color="primary"  @click="openreport(item)">
              查看报告
          </v-btn>
      </template>
    </v-data-table>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        desserts: [
            // 初始为空列表
            // 承接接口返回的data
        ],
        headers: [
          {
            text: '任务ID',
            align: 'start',
            sortable: false,
            value: 'id',
          },
          { text: '用例信息', value: 'remark' },
          { text: '创建时间', value: 'create' },
          { text: '查看报告', value: 'report' },
        ],
      }
    },
    // 生命周期:初始化页面时的钩子函数
    created(){
        // 每当页面刷新就会执行一次获取所有任务信息的方法
        this.getTask()
    },
    methods:{
        openreport(item){
            console.log("openreport:",item.report)
            // 获取item中的report path并打开
            window.open(item.report)
        },
        getTask(){
            // 获取所有的任务信息
            this.$api.task.getTask().then((result) => {
                console.log("getTask",result)
                console.log("getTask_data",result.data.data)
                if(result.data.err_code==="0000"){
                    this.desserts = result.data.data
                }
            }).catch((err) => {
                 console.log("getTask err",err)
            });
        }
    }
  }
</script>